<div>第一个组件</div>
<h3>
  <a [title]="'details'" [routerLink]="['/ts1', 123]"> ts1 </a>
</h3>
<app-my2
  #my2
  name1="来自父组件的数据"
  [boss]="{ name: '2', age: 12, sex: 0 }"
  [getFn]="getFn"
></app-my2>
<div>{{ time | date: "YYYY-MM-dd HH:mm:ss" }}</div>
<div>{{ "hello" | titlecase }}</div>
<div>{{ 0.33 | percent }}</div>
<div>{{ 0.055 | percent: "2.2" }}</div>
<div>{{ 0.5555 | percent: "2.1" }}</div>
<div>{{ 1212.121 | currency: "元" }}</div>
<h1 [title]="amount1">
  {{ name }}
</h1>
<h3>
  {{ amount1 }}
</h3>
<div *ngIf="false; else bjg">as</div>
<ng-template #bjg>qwwq</ng-template>

<!-- <div #elseTemplate>qwqw</div> -->
<div [outerHTML]="html"></div>
<button (click)="showClick(1)">加</button>
<input type="text" [(ngModel)]="name" />
<span [ngClass]="{ hello: true }">22</span>
<span [ngStyle]="style">123</span>
<span [ngSwitch]="type">
  <p *ngSwitchCase="1">1</p>
  <p *ngSwitchCase="2">2</p>
  <p *ngSwitchDefault>0</p>
</span>

<ul>
  <li *ngFor="let item of items">
    {{ item }}
  </li>
</ul>
<ul>
  <li *ngFor="let item of items; let i = index">
    {{ item }}
    {{ i }}
  </li>
</ul>
<div>
  <!-- 自定义指令 ng g d 名称 -->
  <input type="text" appFocus value="123" />
</div>
<ul>
  <li *ngFor="let item of jobs; let i = index">
    {{ item.age }} {{ item.name }} {{ item.sex | gender: "en" }}
  </li>
</ul>
